@redText:#e8383b;
body{
	background-color: #eee;
}
.container{
	background-color: #EEE;
	padding: 0rem;
	margin-bottom: 3rem;
	/*积分数*/ 
	.integral{
		position: relative;
		height: 7rem;
		background: url("../image/integral/background.jpg") no-repeat  center;
		background-size:100% 100%;
		text-align: center;
		.currentI{
			position: absolute;
			width: 4.5rem;
			height: 4.5rem;
			left: 50%;
			margin-left: -2.25rem;
			margin-top: 1.5rem;
			background: url("../image/integral/backMY.png") no-repeat  center;
		background-size:100% 100%;
		text-align: center;
		padding: 1.5rem 0.7rem ;
			span{
			font-size: 0.7rem;
			top: 1.8rem;
			left: 0.6rem;
			color: @redText;
		}
		}
		
		p{
			position: absolute;
			bottom: 0.5rem;
			width: 100%;
			text-align: center;
			color: @redText;
		}
	}
	/* 抽奖*/ 
	.raffle{
		margin-top: 0.2rem;
		background:url("../image/integral/backR.jpg") no-repeat;
		background-size: 100% 100%;
		height: 6.8rem;
		padding: 1rem;
		position: relative;
		img{
			position: absolute;
			width: 60%;
			left: 20%;
		}
		.raffleBtn{
			position: absolute;
			bottom: 0.4rem;
			left: 50%;
			margin-left: -1.75rem;
			width: 3.5rem;
			height: 1.2rem;
			line-height: 1.2rem;
			font-size: 0.5rem;
			border-radius: 10px;
			background-color: @redText;
			color: #fff;
		}
	}

// 积分奖品明细
.prize{
	background-color: #EEE;
	
		.myNav {
		border-bottom: none;
		background-color: #fff;
		}
		.myNav > li {
		float: left;
		margin-bottom: -1px;
		}
		.myNav > li > a {
		margin-right: 2px;
		line-height: 1.42857143;
		 border: none;
		border-radius: none; 
		}
		.myNav > li > a:hover {
		border-color: #eee #eee #ddd;
		}
		.myNav > li.active > a,
		.myNav > li.active > a:hover,
		.myNav > li.active > a:focus {
		color: @redText;
		cursor: default;
		background-color: #fff;
		border-bottom: 2px solid @redText;
		}
		
		.tab-pane{
			background-color: #EEE;
		}
		.getRaffle{
			position: relative;
			height: 2.5rem;
			background-color: #fff;
			margin-top: 0.2rem;
		.count{
			position: absolute;
			top: 0.5rem;
			right: 1.5rem;	
			span{
				color: @redText;
			}
		}	
	}

		p{
			font-size:0.6rem;
			line-height: 1.25rem;
			padding-left: 0.3rem;
		}

	.voucher{
		position: relative;
		height: 2.5rem;
		background-color: #fff;
		margin-top: 0.2rem;
		span{
		position: absolute;
		left: 0.3rem;
		bottom: 0;
		line-height: 1.25rem;
	}
	p{
			font-size:0.6rem;
			line-height: 1.25rem;
			padding-left: 0.3rem;
		}
		.validTime{
		width: 100%;
		position: absolute;
		bottom: 0rem;
		left: 0rem;
		padding-left: 9.5rem;
		}
} 
	}

.modal{
	.modal-dialog{
		height: 100%;
		.modal-content{
			position: absolute;
			width: 10rem;
		height: 10.3rem;
		background-size: 100% 100%;
		top: 50%;
		margin-top: -5.15rem;
		left: 50%;
		margin-left: -5rem;
		img{
			width: 100%;
			height: 100%;
		}
		}
	}
}
/* 积分不足显示*/
.not {
	width: 8rem;
	height: 4rem;
	position: absolute;
	top: 50%;
	margin-top: -2rem;
	left: 50%;
	margin-left: -4rem;
	background-color: rgba(0,0,0,.5);
	border-radius: 15px;
	display: none;
	p{
		font-size: 0.6rem;
		line-height: 4rem;
		color: #fff;
		text-align: center;
	}
}
}